<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Auditorium</title>
    <link rel="stylesheet" type="text/css" href="../../static/hall/orientaion/css/main.css">
    <link rel="stylesheet" type="text/css" href="../../static/hall/orientaion/css/dialog.css">
    <script type="text/javascript" src="../../static/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../../static/hall/orientaion/js/common.js"></script>
</head>

<body class="bg">
<div class="wrap">
    <div class="container">
        <div id="index" class="main bg2">
            <div id="dialogEffect" class="dialog-container">
                <div class="dialog-main">
                    <div class="dialog-title">
                        <h3>Auditorium</h3>
                    </div>
                    <div class="search-area">
                        <div class="event-info">
                            <span class="margleft10">Total of 25 meetings, 3 in progress, 5 did not start, 17 has expired</span>
                        </div>
                        <div class="search-bar">
                            <input id="keyword" type="text" value="Please enter the keywords"/>
                            <em class="icon-search"></em>
                        </div>
                    </div>
                    <div class="dialog-content">
                        <div class="table-wraper">
                            <!--分页显示，每页7行，不出现滚动条-->
                            <table class="d-table" border="0" cellpadding="0" cellspacing="0">
                                <tr>
                                    <th width="140">Start Time</th>
                                    <th width="300">Meeting Name</th>
                                    <th width="110">Presenter</th>
                                    <th width="80">Status</th>
                                    <th>Operation</th>
                                </tr>
                                <tr>
                                    <td>2013/09/22 10:30</td>
                                    <td>
                                        <div class="td-name">Meeting Name Meeting Name</div>
                                    </td>
                                    <td>Feil.Wang</td>
                                    <td><span class="c-green">Living</span></td>
                                    <td><a class="c-blue" href="#">Join</a></td>
                                </tr>
                                <tr class="even">
                                    <td>2013/09/22 10:30</td>
                                    <td>
                                        <div class="td-name">Meeting Name Meeting Name</div>
                                    </td>
                                    <td>Feil.Wang</td>
                                    <td><span class="c-red">Expired</span></td>
                                    <td><a class="c-blue" href="#">Join</a></td>
                                </tr>
                                <tr>
                                    <td>2013/09/22 10:30</td>
                                    <td>
                                        <div class="td-name">Meeting Name Meeting Name</div>
                                    </td>
                                    <td>Feil.Wang</td>
                                    <td><span class="c-gray">Not started</span></td>
                                    <td><a class="c-blue" href="#">Join</a></td>
                                </tr>
                            </table>
                        </div>
                        <div class="pagination">
                            <a href="#" class="prev"><</a>
                            <span>1</span>
                            <a href="#">2</a>
                            <a href="#">3</a>
                            <a href="#" class="next">></a>
                        </div>
                    </div>
                </div>
                <div class="dialog-cover"></div>
            </div>
        </div>
        <div class="menu">
            <ul id="nav" class="nav">
                <li><a href="index.html"><em class="home-icon"></em><span>Home</span></a></li>
                <li class="line"></li>
                <li><a href="hall.html">School Main Hall</a></li>
                <li class="line"></li>
                <li><a href="sessions.html">Orientation Sessions</a></li>
                <li class="line"></li>
                <li class="current"><a href="auditorium.html">Auditorium</a></li>
                <li class="line"></li>
                <li><a href="resources.html">Resources</a></li>
                <li class="line"></li>
                <li><a href="../../chat/">Chat Room</a></li>
            </ul>
            <a class="logo" href="http://www.gensee.com/" target="_blank"><img
                    src="../../static/hall/orientaion/images/logo.png" alt=""/></a>
            <span class="floatr line"></span>
            <a class="lang lang-en" href="javascript:;" title="change language"></a>

            <div class="welcome">
                <span>Welcome! <b title="administrator">administrator</b></span><a href="login.html">Exit</a>
            </div>
        </div>
    </div>
</div>
</body>
</html>
